<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title></title>
  <script type="text/javascript" src="../internal.js"></script>
  <style type="text/css">
    .warp {
      width: 320px;
      height: 153px;
      margin-left: 5px;
      padding: 20px 0 0 15px;
      position: relative;
    }

    #url {
      width: 290px;
      margin-bottom: 2px;
      margin-left: -6px;
      margin-left: -2px \9;
      *margin-left: 0;
      _margin-left: 0;
    }

    .format span {
      display: inline-block;
      width: 58px;
      text-align: center;
      zoom: 1;
    }

    table td {
      padding: 5px 0;
    }

    #align {
      width: 65px;
      height: 23px;
      line-height: 22px;
    }
  </style>
</head>
<body>
<div class="warp">
  <table width="300" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="2" class="format">
        <span><var id="lang_input_address"></var></span>
        <input style="width:200px" id="url" type="text" value=""/>
      </td>
    </tr>
    <tr>
      <td colspan="2" class="format"><span><var id="lang_input_width"></var></span><input style="width:200px"
                                                                                          type="text" id="width"/> px
      </td>

    </tr>
    <tr>
      <td colspan="2" class="format"><span><var id="lang_input_height"></var></span><input style="width:200px"
                                                                                           type="text" id="height"/> px
      </td>
    </tr>
    <tr>
      <td><span><var id="lang_input_isScroll"></var></span><input type="checkbox" id="scroll"/></td>
      <td><span><var id="lang_input_frameborder"></var></span><input type="checkbox" id="frameborder"/></td>
    </tr>

    <tr>
      <td colspan="2"><span><var id="lang_input_alignMode"></var></span>
        <select id="align">
          <option value=""></option>
          <option value="left"></option>
          <option value="right"></option>
        </select>
      </td>
    </tr>
  </table>
</div>
<script type="text/javascript">
  var iframe = editor._iframe;
  if (iframe) {
    $G("url").value = iframe.getAttribute("src") || "";
    $G("width").value = iframe.getAttribute("width") || iframe.style.width.replace("px", "") || "";
    $G("height").value = iframe.getAttribute("height") || iframe.style.height.replace("px", "") || "";
    $G("scroll").checked = (iframe.getAttribute("scrolling") == "yes") ? true : false;
    $G("frameborder").checked = (iframe.getAttribute("frameborder") == "1") ? true : false;
    $G("align").value = iframe.align ? iframe.align : "";
  }

  function queding() {
    var url = $G("url").value.replace(/^\s*|\s*$/ig, ""),
        width = $G("width").value,
        height = $G("height").value,
        scroll = $G("scroll"),
        frameborder = $G("frameborder"),
        float = $G("align").value,
        newIframe = editor.document.createElement("iframe"),
        div;
    if (!url) {
      alert(lang.enterAddress);
      return false;
    }
    newIframe.setAttribute("src", /http:\/\/|https:\/\//ig.test(url) ? url : "http://" + url);
    /^[1-9]+[.]?\d*$/g.test(width) ? newIframe.setAttribute("width", width) : "";
    /^[1-9]+[.]?\d*$/g.test(height) ? newIframe.setAttribute("height", height) : "";
    scroll.checked ? newIframe.setAttribute("scrolling", "yes") : newIframe.setAttribute("scrolling", "no");
    frameborder.checked ? newIframe.setAttribute("frameborder", "1", 0) : newIframe.setAttribute("frameborder", "0", 0);
    float ? newIframe.setAttribute("align", float) : newIframe.setAttribute("align", "");
    if (iframe) {
      iframe.parentNode.insertBefore(newIframe, iframe);
      domUtils.remove(iframe);
    } else {
      div = editor.document.createElement("div");
      div.appendChild(newIframe);
      editor.execCommand("inserthtml", div.innerHTML);
    }
    editor._iframe = null;
    dialog.close();
  }

  dialog.onok = queding;
  $G("url").onkeydown = function (evt) {
    evt = evt || event;
    if (evt.keyCode == 13) {
      queding();
    }
  };
  $focus($G("url"));

</script>
</body>
</html>